Add Snap UI Banner component.

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/29271?quickstart=1)

Fixes: MetaMask/snaps#2939

1. Install test Snap from the code example provided and check the
results.

Example Snap code with Banners in the UI:
```typescript
<Container>
  <Box>
    <Banner title="Success banner" severity="success">
      <Text>
        <Icon name="arrow-right" color="primary" size="inherit" />
        &nbsp;Here is the banner content!
      </Text>
      <Bold>Banner bold formatted text</Bold>
      <Italic>Banner italic formatted text</Italic>
      <Text>
        You can click here:&nbsp;
        <Link href="https://snaps.metamask.io/">Banner link</Link>
      </Text>
      <Button type="button">Banner Action Button</Button>
    </Banner>
    <Banner title="Info banner" severity="info">
      <Text>Here is the banner content!</Text>
    </Banner>
    <Banner title="Warning banner" severity="warning">
      <Text>Here is the banner content!</Text>
    </Banner>
    <Banner title="Danger banner" severity="danger">
      <Text>Here is the banner content!</Text>
    </Banner>
  </Box>
</Container>
```

Banner in Snap UI was not available before this PR. Nothing to show
here.

![Screenshot 2024-12-17 at 12 34
42](https://github.com/user-attachments/assets/bdf291be-b41b-4e0a-964c-218dbd2dae5e)

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

## **Description**
This PR enables loading button variant for Snaps UI.

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/28997?quickstart=1)

#### Notes
- Targets Snaps release integration PR:
#29275

## **Related issues**
Fixes: MetaMask/snaps#2694

## **Related PR dependencies**
Snaps monorepo: MetaMask/snaps#2930

## **Manual testing steps**
1. Create some example Snap for testing and add Snap UI Button with
`loading` variant.
Example: 
```TypeScript
<Button variant="loading">Loading button</Button>
```

## **Screenshots/Recordings**
### **Before**
Loading button variant was not available before.

### **After**

https://github.com/user-attachments/assets/5afea22c-1951-4475-a908-aa5b97eafb6b


## **Pre-merge author checklist**
- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

## **Description**

This PR adds a settings section for each preinstalled snaps that exposes
a `onSettingsPage` handler

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/29234?quickstart=1)

## **Related issues**

Fixes: MetaMask/snaps#2874

## **Manual testing steps**

1. Open MetaMask's settings
2. You should see the preinstalled snaps settings

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**


### **After**


![image](https://github.com/user-attachments/assets/55f4027c-258e-4039-9006-95228cfdca3f)

![image](https://github.com/user-attachments/assets/e05e6964-ac61-49a1-bb28-e8d7d077dadc)

![image](https://github.com/user-attachments/assets/b2db7088-069a-4b83-9740-11f23f36e879)


## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.